<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html lang="zh-CN">
<head>
<!-- 必须的 meta 标签 -->
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap 的 CSS 文件 -->
<link rel="stylesheet" href="/gll/css/bootstrap.min.css" />

<title>Hello, world!</title>
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<%@include file="./common/header.jsp"%>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<!--导航栏-->
				<nav class="navbar navbar-expand-lg navbar-dark bg-dark">

					<a class="navbar-brand" href="#">导航</a>
					<button class="navbar-toggler" type="button" data-toggle="collapse"
						data-target="#navbarSupportedContent"
						aria-controls="navbarSupportedContent" aria-expanded="false"
						aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>

					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav mr-auto">
							<li class="nav-item "><a class="nav-link" href="#">首页 <span
									class="sr-only">(current)</span>
							</a></li>

							<li class="nav-item"><a class="nav-link" href="#">订单 <span
									class="sr-only">(current)</span>
							</a></li>

							<li class="nav-item "><a class="nav-link" href="#">我的购物车
									<span class="sr-only">(current)</span>
							</a></li>

							<li class="nav-item dropdown active"><a
								class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
								role="button" data-toggle="dropdown" aria-haspopup="true"
								aria-expanded="false"> 我的空间 </a>
								<div class="dropdown-menu" aria-labelledby="navbarDropdown">
									<a class="dropdown-item" href="#">登陆</a> <a
										class="dropdown-item" href="#">注册</a> <a class="dropdown-item"
										href="#">地址管理</a> <a class="dropdown-item" href="#">评论区</a> <a
										class="dropdown-item" href="#">统计图</a>
								</div></li>

						</ul>
						<form class="form-inline my-2 my-lg-0">
							<input class="form-control mr-sm-2" type="search" name="mesearch"
								placeholder="请输入店家名称..." aria-label="Search">
							<button class="btn btn-outline-success my-2 my-sm-0"
								type="submit">搜索</button>
						</form>
					</div>
				</nav>
				<!--END导航栏-->
			</div>
		</div>
		<div class="row">
			<div class="col-md-3"></div>
			<div class="col-md-6">
				<!--导航栏-->
				<ul class="nav nav-tabs my-3">
					<li class="nav-item"><a class="nav-link active" href="#">账号密码登录</a>
					</li>
					<li class="nav-item"><a class="nav-link " href="#">手机验证登录</a>
					</li>
				</ul>
				<!--END导航栏-->
			</div>
			<div class="col-md-3"></div>
		</div>


		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-8">
				<!--表单-->
				<form action="" method="post">
					<div class="form-group row">
						<label for="name" class="col-sm-2 col-form-label">登录名</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="name" name="name">
						</div>
					</div>
					<div class="form-group row">
						<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputPassword"
								name="inputPassword">
						</div>
					</div>
					<div class="form-group row">
						<label for="picture" class="col-sm-2 col-form-label">图形验证码</label>
						<div class="col-sm-10 ">
							<input type="text" name="code" class="form-control w-75 d-inline"
								id="picture"> <img src="/gll/imgcode?"
								onclick="this.src=this.src+1" class="ml-3" />
						</div>
					</div>
					<div class="form-group row">
						<label for="exampleCheck1" class="col-sm-2 col-form-label">记住我</label>
						<div class="col-sm-10">
							<input type="checkbox" class="form-check-input"
								id="exampleCheck1"> <label class="form-check-label"
								for="exampleCheck1">一周免登录</label>
						</div>
					</div>
					<div class="text-center">
						<button type="submit" class="btn btn-primary mx-1">提交</button>

						<button type="reset" class="btn btn-secondary mx-1">重置</button>
						<a href="#">
							<button type="button" class="btn btn-success mx-1">注册</button>
						</a>
					</div>
				</form>
				<!--END表单-->
				<span style="color: red">${err}</span>
			</div>
			<div class="col-md-2"></div>
		</div>
	</div>
	<!-- JavaScript 文件是可选的。从以下两种建议中选择一个即可！ -->
	<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
	<script src="/gll/js/jquery-3.2.1.min.js"></script>
	<script src="/gll/js/bootstrap.bundle.min.js"></script>
</body>
</html>